<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <title>商品分类列表</title>
    <#include "/back/common.html">
</head>

<body class="">
<div class="x-body">
    <!--<div class="layui-row">
        <div class="layui-col-md12 x-so ">
            <input name="name" id="name" placeholder="请输入讲师名称" autocomplete="off" class="layui-input">
            <button class="layui-btn" data-type="reload"><i class="layui-icon">&#xe615;</i></button>
            <button class="layui-btn" data-type="reset"><i class="layui-icon">重置</i></button>
        </div>
    </div>-->
    <table id="thisIsTable" class="layui-table" lay-filter="test"></table>
</div>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-radius" lay-event="add1">
            <i class="layui-icon">&#xe654;</i> 添加一级分类
        </button>
        <button class="layui-btn layui-btn-radius" lay-event="add2">
            <i class="layui-icon">&#xe654;</i> 添加二级分类
        </button>
        <button class="layui-btn layui-btn-radius layui-btn-warm" lay-event="update">
            <i class="layui-icon">&#xe642;</i> 修改
        </button>
        <button class="layui-btn layui-btn-radius layui-btn-danger" lay-event="del">
            <i class="layui-icon">&#xe640;</i> 删除
        </button>
        <button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="refresh">
            <i class="layui-icon">ဂ</i> 刷新
        </button>
    </div>
</script>
</body>
<script>
    var initTable;
    layui.use('table', function(){
        var table = layui.table;
        initTable=function(){
            table.render({
                elem: '#thisIsTable'
                ,url:'/productType/list'
                ,toolbar: '#toolbarDemo'
                ,title: '用户数据表'
                ,cols: [[
                    {type: 'checkbox', fixed: 'left'}
                    ,{field:'pk', title:'ID', fixed: 'left', unresize: true, sort: true}
                    ,{field:'product_type_name', title:'产品类型名称', sort: true}
                    ,{field:'product_type_code', title:'产品类型编码', sort: true}
                    ,{field:'product_desc', title:'描述', sort: true}
                    ,{field:'product_type_parent', title:'产品分类等级', sort: true,templet:function(d){
                        return d.product_type_parent==0?"一级分类":"二级分类";}
                        }
                ]]
                ,page: true
                , response: {
                    statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
                }
                , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.message, //解析提示文本
                        "count": res.data.total, //解析数据长度
                        "data": res.data.list //解析数据列表
                    };
                }
            });

            //从新加载表格
            var $ = layui.$,
                active = {
                    reload: function () {
                        table.reload('testReload', {
                            page: {
                                curr: 1 //重新从第 1 页开始
                            }
                            , where: {
                            }
                        });
                    }
                };
            table.on('row(test)', function (obj) {
                obj.tr.find('i[class="layui-anim layui-icon"]').trigger("click");
            });
            $('.demoTable .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

            //头工具栏事件
            table.on('toolbar(test)', function(obj){
                var checkStatus = table.checkStatus(obj.config.id);
                switch(obj.event){
                    case 'add1':
                        add1();
                        break;
                    case 'add2':
                        add2();
                        break;
                    case 'update':
                        var data = checkStatus.data;
                        if (data != null && data != '' && data != undefined) {
                            if (data.length > 0) {
                                if (data.length == 1) {
                                    if(data[0].product_type_parent==0){
                                        add1(data[0].pk);
                                    }else{
                                        add2(data[0].pk);
                                    }

                                    break;
                                } else {
                                    Shadow.error("该操作只能选中一项,请勾选要操作的内容");
                                    break;
                                }
                            }
                        } else {
                            Shadow.error("尚未选中待操作的内容");
                            break;
                        }
                        break;
                    case 'del':
                        var data = checkStatus.data;
                        if (data != null && data != '' && data != undefined) {
                            if (data.length > 0) {
                                var pks="";
                                for (var i = 0; i < data.length; i++) {
                                    pks+=data[i].pk;
                                    if(i!=data.length-1){
                                        pks+=",";
                                    }
                                }
                                del(pks);
                            }
                        } else {
                            Shadow.error("尚未选中待操作的内容");
                            break;
                        }
                        break;
                    case 'refresh':
                        initTable();
                        break;
                };
            });
        }
        initTable();
    });

    function add1(pk){
        var url = (pk != null && pk != '' && pk != undefined) ? "/productType/update1?pk=" + pk : "/productType/add1";
        layer.open({
            type: 2,
            btnAlign:"c",
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['60%', '100%'],
            content: url
        });
    }

    function add2(pk){
        var url = (pk != null && pk != '' && pk != undefined) ? "/productType/update2?pk=" + pk : "/productType/add2";
        layer.open({
            type: 2,
            btnAlign:"c",
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['60%', '100%'],
            content: url
        });
    }

    function del(pks){
        layer.confirm('您确定要删除该用户吗?',{btn: ['确定', '取消'],title:"提示"}, function(){
            $.ajax({
                url: "/productType/del?pks=" + pks,
                type: 'get',
                success: function (resp) {
                    layer.msg(resp.message);
                    initTable();//刷新表格数据
                },
                error: function (resp) {
                    layer.msg(resp.message);
                }
            });
        });
    }
</script>
</html>